<template>
 <div class="body">
         <table  cellspacing="0" cellpadding="0">
        <tr>
            <td rowspan="2" class="first" style="width:17%;">
                <div style="width:80%;text-align: right;">数值</div>
                <div style="width:20%;text-align: left;padding-left: 2vw;">项目</div>
            </td>
            <th rowspan="2" style="width: 9%;">总数</th>
            <th colspan="2">5000万元以下</th>
            <th colspan="2">5000万元以上</th>
            <th colspan="2">5000万至1亿元</th>
            <th colspan="2">1亿元以上</th>
            <th colspan="2">1亿至五亿元</th>
            <th colspan="2">5亿以上</th>
            <th colspan="2">5亿至10亿元</th>
            <th colspan="2">10亿元以上</th>
            <th colspan="2">开工</th>
        </tr>
        <tr>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
            <th>数值</th>
            <th>占比</th>
        </tr>
        <tr>
            <th>新建项目</th>
            <td>48</td>
            <td>19个</td>
            <td>40%</td>
            <td>29个</td>
            <td>60%</td>
            <td>10个</td>
            <td>21%</td>
            <td>19个</td>
            <td>40%</td>
            <td>16个</td>
            <td>33%</td>
            <td>3个</td>
            <td>6%</td>
            <td>3个</td>
            <td>6%</td>
            <td>0</td>
            <td>0</td>
            <td>30个</td>
            <td>55%</td>
        </tr>
        <tr>
            <th>续建项目</th>
            <td>48</td>
            <td>19个</td>
            <td>40%</td>
            <td>29个</td>
            <td>60%</td>
            <td>10个</td>
            <td>21%</td>
            <td>19个</td>
            <td>40%</td>
            <td>16个</td>
            <td>33%</td>
            <td>3个</td>
            <td>6%</td>
            <td>3个</td>
            <td>6%</td>
            <td>0</td>
            <td>0</td>
            <td>30个</td>
            <td>55%</td>
        </tr>
        <tr>
            <th>总计</th>
            <td>48</td>
            <td>19个</td>
            <td>40%</td>
            <td>29个</td>
            <td>60%</td>
            <td>10个</td>
            <td>21%</td>
            <td>19个</td>
            <td>40%</td>
            <td>16个</td>
            <td>33%</td>
            <td>3个</td>
            <td>6%</td>
            <td>3个</td>
            <td>6%</td>
            <td>0</td>
            <td>0</td>
            <td>30个</td>
            <td>55%</td>
        </tr>
    </table>
   
 </div>
</template>
<script>
</script>
<style scoped>
.body{
    width: 100%;
    display: flex;
    font-size: 0.1vw;
    height: 50%;
}
table{
    width: 100%;
    height: 100%;
    background-image: url(../../../assets/imgs/项目情况表格.png);
    background-size:100% 100%;
    -moz-background-size:100% 100%
}
td,th{
    /* border:0.1vw solid yellow; */
    width: 4%;
    color: #86ff02;
    text-align: center;
}
td{
    color: #fff;
    position: relative;
}
.first{
    color: #86ff02;
}



</style>